<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, 
      user-scalable=no viewport-fit=cover"
    />
    <!-- 开启顶部安全区适配 -->
    <van-nav-bar safe-area-inset-top />

    <!-- 开启底部安全区适配 -->
    <van-number-keyboard safe-area-inset-bottom />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title><%= htmlWebpackPlugin.options.title %></title>
    <style>
      :root {
        --van-index-anchor-sticky-background-color: #2c2c2c;
        --van-index-anchor-text-color: #ffcd32;
        /* --van-nav-bar-background-color: rgba(0, 0, 0, 0); */
        --van-nav-bar-background-color: #222;
        --van-nav-bar-icon-color: #ffcd32;
        --van-nav-bar-text-color: #ffcd32;
        --van-nav-bar-title-text-color: #fff;
        --van-cell-background-color: rgba(0, 0, 0, 0);
        --van-cell-text-color: #fff;
        --van-cell-active-color: #ffcd32;
        --van-popup-background-color: #333;
        --van-dialog-background-color: #2c2c2c;
        --van-dialog-border-radius: 0;
        --van-dialog-has-title-message-text-color: #fff;
        --van-search-content-background-color: #2c2c2c;
        --van-field-input-text-color: #fff;
        --van-list-loading-icon-color: #fff;
      }
    </style>
  </head>
  <body>
    <noscript>
      <strong
        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
        properly without JavaScript enabled. Please enable it to
        continue.</strong
      >
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
